<template>
    <!-- 预约成功 -->
    <div class="app-container">
        <div class="Information">
            <el-row>
                <el-form :model="form" label-width="65px">
                    <el-col :span="3">
                        <el-form-item label="姓名:">{{ form.student.name }} </el-form-item>
                    </el-col>
                    <el-col :span="2">
                        <el-form-item label="性别:">{{ form.student.sex == '0' ? '男' : '女' }} </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="">{{ form.student.deptNames }} {{ form.student.specialityName }}</el-form-item>
                    </el-col>

                    <el-col :span="4">
                        <el-form-item label="电话:">{{ form.student.mobile }} </el-form-item>
                    </el-col>
                    <el-col :span="3">
                        <el-form-item label="注册号:">{{ form.student.sno }} </el-form-item>
                    </el-col>
                </el-form>
            </el-row>
        </div>
        <div class="text-details">
            <div>
                            <h2>预约信息</h2>
                        <div class="titleStatus">{{ FormData.aptStatus? FormData.aptStatus: '预约成功'}}</div>
                        </div>
            <el-row>
                <el-form label-width="90px">
                    <el-col :span="24">
                        <el-form-item label="预约时段:">{{ FormData.aptStartEndTimeStr }}
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item label="预约咨询师:">{{ FormData.consName }}
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item label="咨询诉求:">{{ FormData.consReqCont }}


                        </el-form-item>
                    </el-col>

                </el-form>

            </el-row>
        </div>

    </div>
</template>
    
<script>


export default {
    name: "Dict",
    dicts: ['psy_cons_req_type'],
    data() {
        return {
            form: {
                student: {
                    name: ''
                }
            },
            FormData:{}
        }
    },
    created() {

        this.form = this.$store.state.user.userInfor
        console.log(this.form.student,'xiangq')
        if( this.form.student == null) {
       

            this.form.student ={}
            console.log(this.form,'xiangqqqqqqqqqqqqq')
        }
        this.FormData = this.$route.query
        if(this.FormData.aptStartTime && this.FormData.aptEndTime) {
            this.FormData.aptStartEndTimeStr = this.FormData.aptStartTime + '-' + this.FormData.aptEndTime.substring(11,16)
        }
        
        console.log(this.FormData,':autosize="{ minRows: 2, maxRows: 4}"')
     
    },
    mounted() {

    },
    methods: {

    }
};
</script>
<style scoped>
.Information {
    background-color: #EFEFEF;
    padding: 1% 2% 0 2%;
    margin-bottom: 2%;
}

.text-details {
    background-color: #EFEFEF;
    padding: 1% 2% 2% 2%;
    margin-bottom: 2%;
}
.titleStatus{
    width: 100px;
    height: 100px;
    border: 5px solid #4095E5;
    border-radius: 50%;
    position: absolute;
    top: 110px;
    right: 35px;
    line-height: 100px;
    text-align: center;
    transform:rotate(-30deg);
}
</style>
